﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>凡花</title>
<meta name="keywords" content="凡花" />
<meta name="description" content="凡花" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link href="style/style.css" rel="stylesheet" />
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<!--
/**
前端：黄文浩
**/
-->
</head>
<body>
<!--SITEHEADER-->
<div class="header">
  <div class="wrap clearfix">
    <div class="logo"><a href="index.html"><img src="images/logo.jpg" alt="凡花"></a></div>
    <ul class="nav">
      <li class="first"><a href="#" title="首页">首页</a></li>
      <li><a href="#" title="展示">展示</a></li>
      <li class="last">
        <dl>
          <dt><a href="javascript:void(0);" title="通告">通告</a></dt>
          <dd><a href="#" title="我的通告">我的通告</a></dd>
          <dd><a href="#" title="我的收藏">我的收藏</a></dd>
          <dd><a href="#" title="我的收藏">我的发布</a></dd>
        </dl>
    </ul>
    <ul class="search">
      <li> <input type="text" value="会员或机构搜索" class="con_s"> </li>
      <li>
        <button class="btn_s"></button>
      </li>
    </ul>
    <ul class="login">
      <li><a href="#" title="首页">会员注册/登录</a></li>
      <li><a href="#" title="首页">公司经纪注册/登录</a></li>
    </ul>
  </div>
</div>
<!--/SITEHEADER-->
<div id="info_member" class="style_member_2">
  <div class="mt_user_avatar"><img src="images/picture/1/head.jpg"></div>
  <div class="mt_user">
    <div class="mt_user_info"> <span class="mt_user_name">昵称：<em>小甜薪</em></span> <span class="mt_user_astro">星座：<em></em></span> <span class="mt_user_level">会员级别：<em></em></span> </div>
    <div class="mt_user_address">所在城市：上海</div>
    <div class="mt_user_sign">个人签名：今天星期五，明天不上班！！</div>
    <div class="mt_user_web">个人网站：http://www.vanfa.com/member/xxxxxxxx</div>
  </div>
  <div class="mt_user_credit">
    <div class="realy_name">实名认证：<em></em></div>
    <div>供方信用级别：</div>
    <div>需方信用级别：</div>
    <div class="style_color">我的主题色：<ul class="list_style"><li class="style_1"></li><li class="style_2 curr"></li><li class="style_3"></li><li class="style_4"></li><li class="style_5"></li><li class="style_6"></li></ul></div>
  </div>
  <div class="mt_userinfo_sub">
    <div class="mt_userinfo_fan"><span></span>关注：62344 &nbsp;粉丝：1235</div>
    <dl class="mt_userinfo_common clearfix">
      <dd><a href="#" title="送礼物">送礼物</a></dd>
      <dd><a href="#" title="发私信">发私信</a></dd>
      <dt><a href="#" title="关注/取消关注">关注/取消关注</a></dt>
    </dl>
  </div>
  <div class="hc"></div>
</div>
<ul id="menu_member" class="clearfix">
<li><a href="#" title="会员展示">会员展示</a></li>
<li><a href="#" title="通告管理">通告管理<span>7</span></a></li>
<li><a href="#" title="日程管理" class="hover">日程管理</a></li>
<li><a href="#" title="通知中心">通知中心</a></li>
<li><a href="#" title="个人档案">个人档案</a></li>
<li><a href="#" title="设定">设定</a></li>
<li><a href="#" title="收藏">收藏</a></li>
<li><a href="#" title="礼物">礼物</a></li>
</ul>
<ul class="sec_menu_member sec_menu_schedule clearfix">
<li><a href="#" title="我的行程" class="hover">我的行程</a></li>
<li><a href="#" title="档期管理">档期管理</a></li>
</ul>
<div class="content">
  <!--我的行程-->
<!--导航==我的行程-->
<ul class="nav_details clearfix">
<li><a href="javascript:void(0);" class="hover">面试</a></li>
<li><a href="javascript:void(0);">活动</a></li>
</ul>
<!--//导航==我的行程-->
<!--面试内容==我的行程-->
<div class="list_interview clearfix">
<div class="con_details_interview">
<div class="tit_details">明天1</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天2</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天3</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天4</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天5</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->


</div>
<!--//面试内容==我的行程-->
<!--活动内容==我的行程-->
<div class="list_interview clearfix">

<div class="con_details_interview">
<div class="tit_details">明天1</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天2</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天3</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天4</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天5</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天1</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天2</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天3</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天4</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->
<div class="con_details_interview">
<div class="tit_details">明天5</div>
<table class="table_details">
<tr>
<th width="92"><img src="images/picture/1/h_s.jpg"></th>
<td>
<div class="i_c_phone"><a href="javascript:void(0);">立即发送短信到我的手机</a>&nbsp;&nbsp;或在&nbsp;&nbsp;<input class="input input_s" value="2013-06-28">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn_date"></a>&nbsp;&nbsp;<select class="select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>&nbsp;&nbsp;发送短信</div>
<div class="h_l_details">
<p>OOXX活动活动活动</p>
<p>活动时间：2013年06月18日 12：39&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天气：中雨<br>
联系人：张三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系电话：12345678901
</p>
<div class="map_details">
<p>活动地点：点点滴滴广场</p>
<p><img src="images/img/case_map.jpg"></p>
<p class="set_point_details">设定出发地：<input class="input">&nbsp;&nbsp;<a href="javascript:void(0);" class="btn">获取路线</a></p>
</div>
<div class="tip_details">
<p class="tit_tip_details">最新通告信息</p>
<div class="con_tip_details">
<p>
活动推迟到周四晚上，大家准时。
</p>
<p class="time_tip_details">2013年1月16日 22:22:33</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!--1-->


</div>
<!--//活动内容==我的行程-->
<ul class="scroll_vanfa">
  <li></li>
</ul>
  <!--END 我的行程--> 
</div>
<!--FOOTER-->
<div class="footer">
  <div class="wrap clearfix">
    <dl class="logo_footer clearfix">
      <dt><img src="images/logo_footer.jpg"></dt>
      <dd> <a class="logo_sina" href="#" title="新浪微博"><img src="images/space.gif" alt="新浪微博" width="24" height="24"></a> <a class="logo_tencen" href="#" title="新浪微博"><img src="images/space.gif" alt="新浪微博" width="24" height="24"></a> <a class="logo_weixin" href="#" title="新浪微博"><img src="images/space.gif" alt="新浪微博" width="24" height="24"></a> </dd>
    </dl>
    <dl class="list_footer">
      <dt>关于</dt>
      <dd><a href="#" title="关于凡花">关于凡花</a></dd>
      <dd><a href="#" title="凡花事件">凡花事件</a></dd>
      <dd><a href="#" title="加入凡花">加入凡花</a></dd>
    </dl>
    <dl class="list_footer">
      <dt>合作</dt>
      <dd><a href="#" title="市场/商业合作">市场/商业合作</a></dd>
      <dd><a href="#" title="投资与资本">投资与资本</a></dd>
      <dd><a href="#" title="艺人/经纪合作">艺人/经纪合作</a></dd>
    </dl>
    <dl class="list_footer">
      <dt>声明</dt>
      <dd><a href="#" title="商标声明">商标声明</a></dd>
      <dd><a href="#" title="凡花声明">凡花声明</a></dd>
      <dd><a href="#" title="产品设计保护">产品设计保护</a></dd>
      <dd><a href="#" title="隐私政策">隐私政策</a></dd>
    </dl>
    <dl class="list_footer">
      <dt>帮助</dt>
      <dd><a href="#" title="在线客服">在线客服</a></dd>
      <dd><a href="#" title="防骗说明">防骗说明</a></dd>
      <dd><a href="#" title="联络方式">联络方式</a></dd>
    </dl>
    <dl class="list_footer">
      <dt>更多</dt>
      <dd><a href="#" title="合作链接">合作链接</a></dd>
      <dd><a href="#" title="iPhone客户端">iPhone客户端</a></dd>
    </dl>
  </div>
</div>
<div class="copyright">沪ICP证090052号&nbsp;&nbsp;沪公网安备1100125452号<br>COPYRIGHT©2013&nbsp;&nbsp;Vanfa.cc all rights reserved</div>
<!--/FOOTER--> 
<script src="js/jquery-vanfa.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".nav_details li").eq(0).click(
	function(){
		$(".nav_details li a").removeClass("hover");
		$(".nav_details li").eq(0).find("a").addClass("hover");
		$(".list_interview").eq(1).hide();
		$(".list_interview").eq(0).show();
		SetDetails(0);
		SrollVanfa(0);
	});
    $(".nav_details li").eq(1).click(
	function(){
		$(".nav_details li a").removeClass("hover");
		$(".nav_details li").eq(1).find("a").addClass("hover");
		$(".list_interview").eq(0).hide();
		$(".list_interview").eq(1).show();
		SetDetails(1);
		SrollVanfa(0);
	});
//会员展示
	var aLength = $(".list_interview").eq(0).find(".con_details_interview").length;
	var aWidth = $(".scroll_vanfa").width();
	var aIndex = 0;
	var temp_num = Math.floor(aWidth/955);
	var sWidth = aWidth/(aLength - temp_num+1);
	
	function SetDetails(className){
		aLength = $(".list_interview").eq(className).find(".con_details_interview").length;
		sWidth = aWidth/(aLength - temp_num+1);
		$(".list_interview").eq(className).css("width", (aLength + 1)*965 + "px");
		$(".scroll_vanfa > li").css({width:sWidth + "px"});
		$(".content").css({"width":$(window).width() + "px","overflow":"hidden"});
	};
	
	function SrollVanfa(i){
		aIndex = i;
		if(aIndex <= aLength - temp_num){
			$(".list_interview").animate({marginLeft: - 965*aIndex + "px"});
			$(".scroll_vanfa > li").css({marginLeft:aIndex*sWidth + "px"});
		}
		$(".temp").html(aIndex);
	};
	$(".nav_details li").eq(0).click();
	SetDetails(0);
	SrollVanfa(0);
	/***********************
	* 函数：判断滚轮滚动方向
	* 作者：wenhao.huang
	* 参数：event
	* 返回：滚轮方向 1：向上 -1：向下
	*************************/
	var handleCount = 0;
	var delta = 0;
	var scrollFunc = function(e){
		e = e || window.event;
		
		if(e.wheelDelta){
			delta = e.wheelDelta / 120;
			handleCount = handleCount + delta;
			if(handleCount%2){
				delta = delta;
			}else{
				delta = null;
			}
			
		}else if(e.detail){
			delta = -e.detail / 3;
		};
		if(delta){
			SCrollHandle(delta);
		};
		if (e.preventDefault)  
			e.preventDefault();
		e.returnValue = false;
	};
	//滚动后联动事件
	var SCrollHandle = function(delta){
		if(aIndex - delta >= 0){
			if(aIndex - delta <= aLength - temp_num){
				SrollVanfa(aIndex - delta);
				return;
			}
		}
	};
$(".content").mouseover(
function(){
	/*注册事件*/
	if(window.addEventListener){
		window.addEventListener('DOMMouseScroll',scrollFunc,false);
	}//W3C
	window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
});
$(".content").mouseout(
function(){
	//alert("1");
	/*注册事件*/
	if(window.addEventListener){
		window.removeEventListener('DOMMouseScroll',scrollFunc,false);
	}//W3C
	window.onmousewheel=document.onmousewheel=null;//IE/Opera/Chrome/Safari
});

});



</script>
</body>
</html>